$(function () {
    /*
        1, 获取文章数量
    */
    console.log('执行了js');
    const promit1 = new Promise((resolve, reject) => {
        $.ajax(`${baseUrl}/posts/count`, {
            success: function (res) {
                // console.log(res);
                console.log('1');
                resolve(res)
            },
            error: function (err) {
                // console.log('aaaaa');
                reject(err)
            }
        })
    })


    /*
         2, 获取分类数量
     */

    const promit2 = new Promise((resolve, reject) => {
        $.ajax(`${baseUrl}/categories/count`, {
            success: function (res) {
                console.log('2');
                resolve(res)
            },
            error: function (err) {
                reject(err)
            }
        })
    })
    /*
         3, 获取评论数量
     */
    const promit3 = new Promise((resolve, reject) => {
        $.ajax(`${baseUrl}/comments/count`, {
            success: function (res) {
                console.log('3');
                // console.log();
                resolve(res)
            },
            error: function (err) {
                reject(err)
            }
        })
    })
    // Promise函数会直接执行
    // 有一个失败Promise.all不会执行
    Promise.all([promit1,promit2,promit3]).then(res => {
        // 将所有获取的值存在一个对象中，进行渲染
        let tempObj = {}
        console.log('========');
        // console.log(res);
        res.forEach(item => {
            // 利用for  in遍历属性
            for (const key in item) {
                tempObj[key] = item[key]
            }
        })
        // console.log(tempObj);
        // 装载数据后， 渲染数据
        const newHtml = template('group-id', tempObj)
        $('.list-group').html(newHtml)

    }).catch(err => {
        console.log('错误');
        console.log(err);
    })


})